.MsgBasicInfo{
    width: 100%;
    display: flex;
    padding: 10px 0px;
    box-sizing: border-box;
    
    .basicinfo{
        display: flex;
        flex-direction: column;
        min-width:30%;
        max-width: 80%;
        margin-right: 10px;
        .top{
            display: flex;
            justify-content: space-between;
            >div{
                font-size: 20px;
                color: #8a8a8a;
            }
        }
        .infobox{
            background-color: #ff7676;
            box-sizing: border-box;
            padding: 10px;
            border-radius: 10px;
            white-space: wrap;
        }
    }
    .headimg{
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        .nickname{
            text-align: center;
            font-size: 20px;
            color: rgb(49, 132, 255);
        }
        :global(.adm-image){
            border: 4px solid #ff3838;
            box-sizing: border-box;
            box-shadow:  0 5px 5px -5px #302f2f;
            
        }
    }
    &.left{
        justify-content: left;
        flex-direction: row-reverse;
        .headimg{
            margin-right: 10px;
        }
        .basicinfo{
            .top{
                flex-direction: row-reverse;
            }
        }
        .headimg{
            align-items: flex-start;
        }
        .infobox{
            text-align: left;
            background-color: #fff;
        }
    }
    &.right{
       justify-content: right;
       .infobox{
        text-align: left;
            border-top-right-radius: 0px;
       }
    }
}